import Taro, {Component} from '@tarojs/taro'
import {View, Text, Swiper, SwiperItem, Image, ScrollView} from '@tarojs/components'
import {getRuntime} from "../../utils/common";
import {IStoreProps} from '../../store/Stores'
import {toJS} from 'mobx'
import {inject, observer} from '@tarojs/mobx'

import FooterInfo from '../../components/FooterInfo'
import FooterMenu from '../../components/FooterMenu'
import './paymentRecord.less'

import banner_01 from '../../assets/img/banner_01.jpg'
import nav_02 from '../../assets/img/nav_11.png'


interface IHomeProps extends IStoreProps {
}

@inject("stores")
@observer
class RepaymentDetail extends Component<IHomeProps> {
  constructor(props) {
    super(props)
  }

  state = {
  }

  componentWillMount() {
    Taro.setNavigationBarTitle({title: '收款明细'})
  }

  componentDidMount() {
  }


  link(url: string = '/pages/index/index'): void {
    getRuntime().navigateTo(url)
  }

 setCurrentNavId(id: number) {
    this.setState({ currentNavId: id })
 }

  render() {
    return (
      <View className='payment-record'>
        <View className='list-09-item'>
          <Image className='left-img' src={require('../../assets/img/icon_25.png')} />
          <View className='list-07-item__r'>
            <View className='center'>
              <View className='title'>
                <Text>信用卡 平安银行(4568)</Text>
              </View>
              <Text className=' f22'>消费 - 交易成功</Text>
              <View className='font-dark'>2019-12-12</View>
            </View>
            <View className='left'>
              <View className='status'>-100.00</View>
            </View>
          </View>
        </View>

        <View className='list-09-item'>
          <Image className='left-img' src={require('../../assets/img/icon_23.png')} />
          <View className='list-07-item__r'>
            <View className='center'>
              <View className='title'>
                <Text>信用卡 平安银行(4568)</Text>
              </View>
              <Text className=' f22'>收款 - 同名付异常</Text>
              <View className='font-dark'>2019-12-12</View>
            </View>
            <View className='left'>
              <View className='status'>+0.00</View>
              <View className='free-money'>交易失败</View>
            </View>
          </View>
        </View>

        <View className='list-09-item'>
          <Image className='left-img' src={require('../../assets/img/icon_23.png')} />
          <View className='list-07-item__r'>
            <View className='center'>
              <View className='title'>
                <Text>信用卡 平安银行(4568)</Text>
              </View>
              <Text className='f22'>收款 - 交易成功</Text>
              <View className='font-dark'>2019-12-12</View>
            </View>
            <View className='left'>
              <View className='status fw color-theme'>+100.00</View>
            </View>
          </View>
        </View>



      </View>
    )
  }
}

export default RepaymentDetail
